
<ion-header>

  <ion-navbar color="primary">
    <ion-title>任务详情</ion-title>
      <ion-buttons start>
      <button ion-button clear ion-only (click)="dismiss()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content padding  style="background-color:#f8f8f8">
  <ion-list>
    <ion-item>
       <ion-icon name="ios-bookmark-outline" item-left></ion-icon>
      <p>年底20天内营销200W</p>
    </ion-item>
    <ion-item>
       <ion-icon name="ios-person" item-left></ion-icon>
      <p>负责人</p>
      <ion-icon name="ios-close-circle" item-right></ion-icon>
    </ion-item>
    <ion-item>
       <ion-icon name="ios-list" item-left></ion-icon>
      <p>任务分类</p>
      <ion-icon name="arrow-forward" item-right></ion-icon>
    </ion-item>
    <ion-item>
       <ion-icon name="ios-time" item-left></ion-icon>
      <p>截止时间</p>
      <ion-icon name="arrow-forward" item-right></ion-icon>
    </ion-item>
    <ion-item>
       <ion-icon name="ios-alert" item-left></ion-icon>
      <p>优先级</p>
      <ion-icon name="arrow-forward" item-right></ion-icon>
    </ion-item>
    <button ion-button outline style="width: 90%;left: 4%;">
      <ion-icon name="add"></ion-icon>
      添加附件
      </button>
  </ion-list>
  <ion-list>
  <ion-item>
    <div>
  <ion-segment [(ngModel)]="segment">
    <ion-segment-button value="回复">
     回复（0）
    </ion-segment-button>
    <ion-segment-button value="动态">
      动态（1）
    </ion-segment-button>
    <ion-segment-button value="关注">
     关注（0）
    </ion-segment-button>
  </ion-segment>
</div>

<div [ngSwitch]="segment">
  <ion-list *ngSwitchCase="'回复'">
    <!--<ion-icon name="ios-chatboxes-outline"></ion-icon>-->
    <p class="noitem">还没有人回复哦</p>
  </ion-list>
  <ion-list *ngSwitchCase="'动态'">
  </ion-list>
  <ion-list *ngSwitchCase="'关注'">
      <!--<ion-icon name="ios-heart-outline"></ion-icon>-->
      <p class="noitem">还没有人关注过哦</p>
  </ion-list>
  </div>
 </ion-item>
</ion-list>
</ion-content>
